<script setup>
const props=defineProps({
    goodsList:{
        type:Array,
        default(){
            return []
        }
    }
})
</script>

<template>
<table class="table table-striped table-bordered">
<thead>
    <tr>
        <th scope="col">#</th>
        <th scope="col">商品名称</th>
        <th scope="col">价格</th>
        <th scope="col">标签</th>
        <th scope="col">操作</th>
        <slot name="header"></slot>
    </tr>
</thead>
<tbody>
    <tr v-for="(item,index) in goodsList":key="item.id">
        <slot name="body":row="item":index="index"></slot>
    </tr>
</tbody>
</table>
</template>

<style scoped>

</style>
